<div id="appTabs" class="page-layout-center">
    <ul id="appTabBtns" class="pane">
        <li><a href="#appStorehouse"><span>Application</span></a></li>
        <li><a href="#appSystemManagement"><span>System Management</span></a></li>
        <li><a href="#appOthers"><span>Others</span></a></li>
    </ul>

    <!-- wrap tab-panels in ui-layout-content div -->
    <div id="appContainer" class="pane">

        <!-- TAB #1 -->
        <div id="appStorehouse">

            <div id="appStorehouseLeftPane" class="ui-layout-west ui-widget ui-widget-content">
                <table id="appStorehouseMenu"></table>
            </div> <!-- #appStorehouseLeftPane -->
            <div id="appStorehouseRightPane" class="ui-layout-center ui-helper-reset ui-widget-content" ><!-- Tabs pane -->
                <div id="switcher"></div>
                <div id="appStorehouseMenuTabs" class="jqgtabs">
                    <ul>
                        <li><a href="#tabs-1">jqGrid 3.6</a></li>
                    </ul>
                    <div id="tabs-1" style="font-size:12px;"> Many Thanks to Mark Williams which do the most of the new things added in 3.6<br/>
                        <br/>
			Enjoy
                    </div>
                </div>
            </div> <!-- #appStorehouseRightPane -->

        </div><!-- #AppStorehouse -->
        
        <!-- TAB #2 -->
        <div id="appSystemManagement" class="ui-tabs-hide pane">
            <div id="appSystemManagementLeftPane" class="ui-layout-west ui-widget ui-widget-content">
                <table id="appSystemManagementMenu"></table>
            </div> <!-- #appSystemManagementLeftPane -->
            <div id="appSystemManagementRightPane" class="ui-layout-center ui-helper-reset ui-widget-content" ><!-- Tabs pane -->
                <div id="switcher"></div>
                <div id="appSystemManagementMenuTabs" class="jqgtabs">
                    <ul>
                        <li><a href="#tabs-1">jqGrid 3.6</a></li>
                    </ul>
                    <div id="tabs-1" style="font-size:12px;"> system management
                    </div>
                </div>
            </div> <!-- #appSystemManagementRightPane -->
        </div><!-- #AppSystemManagement -->

        <!-- TAB #2 -->
        <div id="appOthers" class="ui-tabs-hide pane">
               others others others others others others others others others others others others
                others others others others others others others others others others others others
        </div><!-- #AppSystemManagement -->


    </div><!-- END TabPanelsContainer -->

    <div id="footer" class="ui-layout-south pane footer" align="center">
        Copyright 2009 - 2010
    </div>

</div><!-- /#tabs -->

